<header class="background-sky l-relative">
  <div class="hero background-superhero-paper is-large"><img
      src="assets/images/logos/angular2/angular.svg" class="hero-logo"/>
    <h1 class="text-headline">One framework.<br>Mobile &amp; desktop.</h1><a
        href="/docs/ts/latest/quickstart.html" md-button="md-button"
        class="hero-cta mat-raised button button-large button-plain">Get Started</a></div>
  <announcement-bar class="announcement-bar">
    <div class="announcement-bar-slide cleafix is-visible"><img
        src="assets/images/logos/anglebrackets/devintersection.png" width="64"/>
      <p>Join us for <strong>DEVintersection Amsterdam</strong> Nov 14-16!</p><a
          href="https://www.devintersectioneurope.com/#!/" target="_blank" class="button mat-button">Register
        now</a></div>
  </announcement-bar>
</header>
<article class="l-content ">
  <div class="home-rows"><!-- Group 1-->
    <div layout="row" layout-xs="column" class="home-row">
      <div class="promo-img-container promo-1">
        <div><img src="assets/images/home/responsive-framework.svg"></div>
      </div>
      <div class="text-container">
        <div class="text-block promo-1-desc l-pad-top-2"><h3 class="text-headline">Develop Across
          All Platforms</h3>
          <p class="text-body">Learn one way to build applications with Angular and reuse your code
            and abilities to build apps for any deployment target. For web, mobile web, native
            mobile and native desktop.
          </p></div>
      </div>
    </div><!-- Group 2-->
    <div layout="row" layout-xs="column" class="home-row">
      <div class="text-container">
        <div class="text-block"><h3 class="text-headline">Speed & Performance</h3>
          <p class="text-body">Achieve the maximum speed possible on the Web Platform today, and
            take it further, via Web Workers and server-side rendering.</p>
          <p class="text-body">Angular puts you in control over scalability. Meet huge data
            requirements by building data models on RxJS, Immutable.js or another push-model.</p>
        </div>
      </div>
      <div class="promo-img-container promo-2">
        <div><img src="assets/images/home/speed-performance.svg"></div>
      </div>
    </div><!-- Group 3-->
    <div layout="row" layout-xs="column" class="home-row">
      <div class="promo-img-container promo-3">
        <div><img src="assets/images/home/joyful-development.png"></div>
      </div>
      <div class="text-container">
        <div class="text-block promo-3-desc"><h3 class="text-headline">Incredible Tooling</h3>
          <p class="text-body">Build features quickly with simple, declarative templates. Extend the
            template language with your own components and use a wide array of existing components.
            Get immediate Angular-specific help and feedback with nearly every IDE and editor. All
            this comes together so you can focus on building amazing apps rather than trying to make
            the code work.
          </p></div>
      </div>
    </div><!-- Group 4-->
    <div layout="row" layout-xs="column" class="home-row">
      <div class="text-container">
        <div class="text-block l-pad-top-2"><h3 class="text-headline">Loved by Millions</h3>
          <p class="text-body">From prototype through global deployment, Angular delivers the
            productivity and scalable infrastructure that supports Google's largest
            applications.</p></div>
      </div>
      <div class="promo-img-container promo-4">
        <div><img src="assets/images/home/loved-by-millions.png"></div>
      </div>
    </div>
    <div class="cta-bar"><a href="/docs/ts/latest/quickstart.html" md-button="md-button"
                            class="button button-large button-shield mat-raised mat-primary">Get
      Started</a></div>
  </div>
</article>
